<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/shoppingcar.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <div class="shoppingcar">
        <div class="top">
            <i class="iconfont icon-ico_leftarrow"></i>
            <span>购物车</span>
            <i class="iconfont icon-fenlei1"></i>
        </div>
        <div class="goods">
            <div class="btn ">
                    <i class="iconfont icon-duihao"></i>
            </div>
            <div class="shop"><img src="./image/shoping_car_images/shop.jpg" alt=""></div>
            <div class="content">
                <p><span>欧莱雅面霜</span></p>
                <p><span>规格:50g</span></p>
                <p><span>&yen;123.00</span></p>
            </div>
            <div class="number">
                <div class="one line two"><span>-</span></div>
                <div class="one line"><span>1</span></div>
                <div class="one three"><span>+</span></div>
            </div>
        </div>
        <div class="goods delate">
            <div class="shop"><img src="./image/shoping_car_images/shop.jpg" alt=""></div>
            <div class="content">
                <p><span>欧莱雅面霜</span></p>
                <p><span>规格:50g</span></p>
                <p><span>&yen;123.00</span></p>
            </div>
            <div class="number">
                <div class="one line two"><span>-</span></div>
                <div class="one line"><span>1</span></div>
                <div class="one three"><span>+</span></div>
            </div>
        </div>
        <div class="goods">
            <div class="btn btn1">
                    <!-- <i class="iconfont icon-duihao"></i> -->
            </div>
            <div class="shop"><img src="./image/shoping_car_images/shop.jpg" alt=""></div>
            <div class="content">
                <p><span>欧莱雅面霜</span></p>
                <p><span>规格:50g</span></p>
                <p><span>&yen;123.00</span></p>
            </div>
            <div class="number">
                <div class="one line two"><span>-</span></div>
                <div class="one line"><span>1</span></div>
                <div class="one three"><span>+</span></div>
            </div>
        </div>
        <div class="goods delate">
            <div class="shop"><img src="./image/shoping_car_images/shop.jpg" alt=""></div>
            <div class="content">
                <p><span>欧莱雅面霜</span></p>
                <p><span>规格:50g</span></p>
                <p><span>&yen;123.00</span></p>
            </div>
            <div class="number">
                <div class="one line two"><span>-</span></div>
                <div class="one line"><span>1</span></div>
                <div class="one three"><span>+</span></div>
            </div>
        </div>
        <div class="goods">
            <div class="btn btn1">
                    <!-- <i class="iconfont icon-duihao"></i> -->
            </div>
            <div class="shop"><img src="./image/shoping_car_images/shop.jpg" alt=""></div>
            <div class="content">
                <p><span>欧莱雅面霜</span></p>
                <p><span>规格:50g</span></p>
                <p><span>&yen;123.00</span></p>
            </div>
            <div class="number">
                <div class="one line two"><span>-</span></div>
                <div class="one line"><span>1</span></div>
                <div class="one three"><span>+</span></div>
            </div>
        </div>
        <div class="goods">
            <div class="btn btn1">
                    <!-- <i class="iconfont icon-duihao"></i> -->
            </div>
            <div class="shop"><img src="./image/shoping_car_images/shop.jpg" alt=""></div>
            <div class="content">
                <p><span>欧莱雅面霜</span></p>
                <p><span>规格:50g</span></p>
                <p><span>&yen;123.00</span></p>
            </div>
            <div class="number">
                <div class="one line two"><span>-</span></div>
                <div class="one line"><span>1</span></div>
                <div class="one three"><span>+</span></div>
            </div>
        </div>
        <div class="goods">
            <div class="btn btn1">
                    <!-- <i class="iconfont icon-duihao"></i> -->
            </div>
            <div class="shop"><img src="./image/shoping_car_images/shop.jpg" alt=""></div>
            <div class="content">
                <p><span>欧莱雅面霜</span></p>
                <p><span>规格:50g</span></p>
                <p><span>&yen;123.00</span></p>
            </div>
            <div class="number">
                <div class="one line two"><span>-</span></div>
                <div class="one line"><span>1</span></div>
                <div class="one three"><span>+</span></div>
            </div>
        </div>
        <div class="white">
            
        </div>
        <div class="total">
            <div class="btn total-btn">
                <i class="iconfont icon-duihao"></i>
        </div>
        <span class="total-txt">全选</span>
        <div class="add">
            <span>总计:</span><span>163.00</span>
            <p>不含运费，已优惠¥0.00</p>
        </div>
        </div>
        <div class="fixed">
            <img src="./image/public/icon_8.jpg" alt="">
            <img src="./image/public/icon_9.jpg" alt="">
            <img src="./image/public/icon_5.jpg" alt="">
        </div>
    </div>
</body>
</html>